<template>
	<view class="big">
		<view class="buy">
			<view class="buy-box">
				<view class="buy-button">
					<view class="buy-button-item">
						<view class="">
							<image src="../../static/icon_kentdcghu7/shouye.png" mode=""></image>
							<view class="buy-button-item-text">
								<text>首页</text>
							</view>
						</view>
					</view>
					<view class="buy-button-item">
						<image src="../../static/icon_kentdcghu7/kefu.png" mode=""></image>
						<view class="buy-button-item-text">
							<text>客服</text>
						</view>
					</view>
					<view class="buy-button-item">
						<image src="../../static/icon_kentdcghu7/gouwuche.png" mode=""></image>
						<view class="buy-button-item-text">
							<text>购物车</text>
						</view>
					</view>
				</view>
				<view class="buy-button-right">
					
						<view class="buy-button-right1">
							<navigator @click="sc" url="../shop-car/shop-car" open-type="switchTab">
							<text>加入购物车</text>
							</navigator>
						</view>
					
					
					<view class="buy-button-right2">
						<navigator url="/pages/xaidan/xaidan">
							<text>立即购买</text>
						</navigator>
						
					</view>
				</view>
			</view>
		</view>
		<view v-show="showNavId == 1 ? true:false" class="navView" @click="back">
			<view class="back">
				<image src="../../static/返回.png" mode=""></image>
			</view>
			<view>商品</view>
			<view>评价</view>
			<view>参数</view>
		</view>
		<detailImg></detailImg>
		
		<view class="price-detail">
			<view class="price">
				<text>9999</text>
			</view>
			<view class="priceTo">
				12.12
			</view>
		</view>
		<view class="box">
			<view class="box-fen">
				<view class="fen">
					<text>分期免息</text>
				</view>
				<view class="fen-content">
					<text>花呗24期免息，每天仅需13.89元 ></text>
				</view>
			</view>
			
			<view class="">
				<text>购物送积分</text>
			</view>
		</view>
		<view class="shop-detail">
			<view class="shop-name">
				<text>OPPO Find N3 千山绿 12GB+512GB 官方标配</text>
			</view>
			<view class="shop-content">
				<text>【超轻薄折叠大屏现已开售】</text>
			</view>
			<view class="shop-content">
				<text>【礼盒特权】+19.9 元购商城定制礼盒（典藏版不参与）；</text>
			</view>
			<view class="shop-content">
				<text>【服务特权】免费个性化镌刻服务；</text>
			</view>
			<view class="shop-content">
				<text> 【直播专享】购机赠蓝牙耳机，点击进入 >></text>
			</view>
			<view class="shop-size">
				<scroll-view scroll-x="ture" class="scroolx">
					<view class="shop-size-item">
						<view class="shop-size-item-text">
							<text>
								轻至239g
							</text>
						</view>
						<view class="shop-size-item-text">
							<text>
								重量
							</text>
						</view>
					</view>
					<view class="shop-size-item">
						<view class="shop-size-item-text">
							<text>
								薄至2.8mm
							</text>
						</view>
						<view class="shop-size-item-text">
							<text>
								厚度
							</text>
						</view>
					</view>
					<view class="shop-size-item">
						<view class="shop-size-item-text">
							<text>
								内外双钻石屏
							</text>
						</view>
						<view class="shop-size-item-text">
							<text>
								屏幕
							</text>
						</view>
					</view>
					<view class="shop-size-item">
						<view class="shop-size-item-text">
							<text>
								超光影三主摄
							</text>
						</view>
						<view class="shop-size-item-text">
							<text>
								影像
							</text>
						</view>
					</view>
					<view class="shop-size-item">
						<view class="shop-size-item-text">
							<text>
								专业哈苏人像
							</text>
						</view>
						<view class="shop-size-item-text">
							<text>
								哈苏专业模式
							</text>
						</view>
					</view>
					<view class="shop-size-item">
						<view class="shop-size-item-text">
							<text>
								观看参数
							</text>
						</view>
						
					</view>
				</scroll-view>

			</view>
		</view>
		<view class="shop-detail">
			<view class="offical-box1">
				<view class="offical-img">
					<image src="https://dsfs.oppo.com/archives/202306/2023061403060264896b12941c8.png?_w_=48&_h_=48" mode=""></image>
				</view>
				<view class="offical-img-content">
					<text>官方正品 购后无忧</text>
				</view>
			</view>
			<view class="offical-box2">
				<image src="../../static/1.png" mode=""></image>
			</view>
		</view>
		<view class="shop-detail">
			<view class="people-title">
				<text>用户评价</text>
				<text>好评率：99.1%</text>
			</view>
			<view class="advantage">
				<scroll-view scroll-x="true" class="scroolx">
					<view class="advantage-item">
						优点
					</view>
					<view class="advantage-item">
						优点
					</view>
					<view class="advantage-item">
						优点
					</view>
					<view class="advantage-item">
						优点
					</view>
					<view class="advantage-item">
						优点
					</view>
				</scroll-view>
				
			</view>
			<view class="people-view">
				<scroll-view scroll-x="true" class="scroolx">
					<view class="scroolx-item">
						<image src="../../static/people-view1.png" mode=""></image>
					</view>
					<view class="scroolx-item">
						<image src="../../static/people-view2.png" mode=""></image>
					</view>
					<view class="scroolx-item">
						<image src="../../static/people-view3.png" mode=""></image>
					</view>
				</scroll-view>
			</view>
		</view>
		<view class="shop-detail">
			<view class="suggest-title">
				<text class="people-title">为你推荐</text>
			</view>
			<view style="height: 450rpx;">
				<swiper :indicator-dots="true"  :interval="3000" :duration="1000" style="height: 450rpx;">
					<swiper-item class="swiper-suggest-item">
						<view class="suggest-item">
							<view class="suggest-img">
								<image src="https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230129/5ace9b5ef00dd3b2f8723576bec74d891463934777.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp" mode="" ></image>
							</view>
							<view class="suggest-title">
								<text>一加 Buds Ace 降噪游戏耳机 独白</text>
							</view>
							<view class="suggest-price">
								<text>209</text>
							</view>
						</view>
						<view class="suggest-item">
							<view class="suggest-img">
								<image src="https://msecfs.opposhop.cn/commons-media-picture/GOODS/20221223/4374263976e2a8994045f278ab419704-1448223720.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp" mode="" ></image>
							</view>
							<view class="suggest-title">
								<text>一加 Buds Pro 2 旗舰耳机 乔木绿</text>
							</view>
							<view class="suggest-price">
								<text>799</text>
							</view>
						</view>
						<view class="suggest-item">
							<view class="suggest-img">
								<image src="https://dsfs.oppo.com/omp/1666271491028-_-2c306e089ca944bc9c8a8cb5c89842ce.png?_w_=1440&_h_=1440&x-oss-process=image%2Fformat%2Cwebp" mode="" ></image>
							</view>
							<view class="suggest-title">
								<text>OPPO Enco Air2 Pro 无线降噪耳机 月牙白</text>
							</view>
							<view class="suggest-price">
								<text>209</text>
							</view>
						</view>
					</swiper-item>
					<swiper-item class="swiper-suggest-item">
						<view class="suggest-item">
							<view class="suggest-img">
								<image src="https://dsfs.oppo.com/omp/1667549264601-_-730301fd1f2b43068a5f112b8b374662.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp" mode="" ></image>
							</view>
							<view class="suggest-title">
								<text>OPPO Enco X2 镜夜黑 有线充版</text>
							</view>
							<view class="suggest-price">
								<text>629</text>
							</view>
						</view>
						<view class="suggest-item">
							<view class="suggest-img">
								<image src="https://dsfs.oppo.com/omp/1660014980814-_-0e8fbdb287464e3cb046e8f1e894a6a6.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp" mode="" ></image>
							</view>
							<view class="suggest-title">
								<text>OPPO Enco Air2i 真无线耳机 曜石黑</text>
							</view>
							<view class="suggest-price">
								<text>149</text>
							</view>
						</view>
						<view class="suggest-item">
							<view class="suggest-img">
								<image src= 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230925/d79485813d90f15a317063b88e5c94f02113825421.png?_w_=480&_h_=480&x-oss-process=image%2Fresize%2Cm_mfit%2Climit_1%2Cw_480%2Ch_480%2Fformat%2Cwebp' mode=""></image>
							</view>
							<view class="suggest-title">
								<text>OPPO Enco Air2 新声版 真无线耳机 浅海蓝</text>
							</view>
							<view class="suggest-price">
								<text>139</text>
							</view>
						</view>
					</swiper-item>
					<swiper-item class="swiper-suggest-item">
						<view class="suggest-item">
							<view class="suggest-img">
								<image src="https://dsfs.oppo.com/omp/1666060870243-_-7bc925edc8844262803acebcf48f54b3.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp" mode="" ></image>
							</view>
							<view class="suggest-title">
								<text>OPPO Watch SE  水墨灰</text>
							</view>
							<view class="suggest-price">
								<text>139</text>
							</view>
						</view>
						<view class="suggest-item">
							<view class="suggest-img">
								<image src="https://dsfs.oppo.com/omp/1660129796666-_-3ad0588060dd42a09f45dd7b11c8277d.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp" mode="" ></image>
							</view>
							<view class="suggest-title">
								<text>OPPO Watch 3 系列 新品手表</text>
							</view>
							<view class="suggest-price">
								<text>1799</text>
							</view>
						</view>
						<view class="suggest-item">
							<view class="suggest-img">
								<image src="https://dsfs.oppo.com/omp/1660140066355-_-749b874d75cb4eea9a3e9b2722ade403.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp" mode="" ></image>
							</view>
							<view class="suggest-title">
								<text>OPPO Watch 3 系列全智能手表</text>
							</view>
							<view class="suggest-price">
								<text>1399</text>
							</view>
						</view>
					</swiper-item>
					
				</swiper>
				
			</view>
		</view>
		<view class="content">
			<image src="https://dsfs.oppo.com/archives/202310/20231016101040652c99c02537d.jpg?_w_=1080&_h_=541&x-oss-process=image%2Fformat%2Cwebp" mode=""></image>
			<image style="height: 215rpx;" src="https://dsfs.oppo.com/archives/202310/20231027101033653b1e3526a3b.png?_w_=1125&_h_=300&x-oss-process=image%2Fformat%2Cwebp" mode=""></image>
			<image style="height: 1100rpx;width: 780rpx;" src="https://msecfs.opposhop.cn/commons-media-picture/GOODS/20231208/ac8d65ab5bad1e7b310e7f0ce07cc54e-1653919666.jpg?_w_=1125&_h_=1574&x-oss-process=image%2Fformat%2Cwebp" mode=""></image>
		
		</view>
	<view class="more">
		<view class="more-box">
			<view class="more-title">
				<text>看了又看</text>
			</view>
			<view class="more-box-shop">
				
				<more :sug='item' v-for="item in suggest"></more>
			</view>
			
		</view>
		
	</view>
	</view>
	
</template>

<script>
	let suggest = [
					{
						imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230129/5ace9b5ef00dd3b2f8723576bec74d891463934777.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: '一加 Buds Ace 降噪游戏耳机 独白',
						price: 209
					},
					{
						imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20221223/4374263976e2a8994045f278ab419704-1448223720.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: '一加 Buds Pro 2 旗舰耳机 乔木绿',
						price: 799
					},
					{
						imgurl: 'https://dsfs.oppo.com/omp/1666271491028-_-2c306e089ca944bc9c8a8cb5c89842ce.png?_w_=1440&_h_=1440&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO Enco Air2 Pro 无线降噪耳机 月牙白',
						price: 209
					},
					{
						imgurl: 'https://dsfs.oppo.com/omp/1667549264601-_-730301fd1f2b43068a5f112b8b374662.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO Enco X2 镜夜黑 有线充版',
						price: 629
					},
					{
						imgurl: 'https://dsfs.oppo.com/omp/1660014980814-_-0e8fbdb287464e3cb046e8f1e894a6a6.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO Enco Air2i 真无线耳机 曜石黑',
						price: 149
					},
					{
						imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230925/d79485813d90f15a317063b88e5c94f02113825421.png?_w_=480&_h_=480&x-oss-process=image%2Fresize%2Cm_mfit%2Climit_1%2Cw_480%2Ch_480%2Fformat%2Cwebp',
						title: 'OPPO Enco Air2 新声版 真无线耳机 浅海蓝',
						price: 139
					},
					{
						imgurl: 'https://dsfs.oppo.com/omp/1666060870243-_-7bc925edc8844262803acebcf48f54b3.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO Watch SE  水墨灰',
						price: 139
					},
					{
						imgurl: 'https://dsfs.oppo.com/omp/1660129796666-_-3ad0588060dd42a09f45dd7b11c8277d.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO Watch 3 系列 新品手表',
						price: 1799
					},
					{
						imgurl: 'https://dsfs.oppo.com/omp/1660140066355-_-749b874d75cb4eea9a3e9b2722ade403.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO Watch 3 系列全智能手表',
						price: 1399
					},
					{
						imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230317/5ace9b5ef00dd3b2f8723576bec74d891545612205.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO Pad 2',
						price: 2799
					},
					{
						imgurl: 'https://dsfs.oppo.com/omp/1658805204562-_-2b70fe81cc0f4e0286c52f4caba608ce.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO Pad',
						price: 1799
					},
					{
						imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20231115/dc20fe1c07c80f5264fbb7abee3f0e9c-1028576794.png?_w_=480&_h_=480&x-oss-process=image%2Fresize%2Cm_mfit%2Climit_1%2Cw_480%2Ch_480%2Fformat%2Cwebp',
						title: 'OPPO Pad Air2',
						price: 1199
					},
					{
						imgurl: 'https://dsfs.oppo.com/omp/1658806495726-_-78788009bb674b87adac96b56d8e7eda.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO Pad Air',
						price: 999
					},
					{
						imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230315/9b72a9ed7d20c7a714c43f2fa8d0d714-1177664044.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO Pad 2 智能触控键盘',
						price: 599
					},
					{
						imgurl: 'https://dsfs.oppo.com/archives/202202/2022022403021462173316cc2cf.png?_w_=321&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO Pencil 自研手写笔',
						price: 499
					},
					{
						imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230315/2ba9bc4f1dac017c94b53b710cf871d21254677820.png?_w_=1080&_h_=1080&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO Pad 2 智能皮套',
						price: 199
					},
					{
						imgurl: 'https://dsfs.oppo.com/omp/1661399246891-_-11a933014bfd4247959d458f8ac0d520.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO 智美生活 平板键盘',
						price: 349
					},
					{
						imgurl: 'https://dsfs.oppo.com/omp/1653879717341-_-5820248c1296428c8519bbe8af34de58.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO 智美生活 智能皮套',
						price: 99
					},
					{
						imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230423/5ace9b5ef00dd3b2f8723576bec74d89-1254496587.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO Type-C to Type-C 闪充数据线 12A 1米 DL152 支持 12A 大电流 白色',
						price: 49
					},
					{
						imgurl: 'https://dsfs.oppo.com/archives/202104/20210420100400607e3a1478bcb.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO GaN 氮化镓电源适配器 SuperVOOC 超级闪充 65W （含数据线）',
						price: 149
					},
					{
						imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230618/5ace9b5ef00dd3b2f8723576bec74d891909130294.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: '一加 USB-A to Type-C 闪充数据线 10A 1.5米 480Mbps 高速传输 支持 10A 大电流 红色',
						price: 69
					},
					{
						imgurl: 'https://dsfs.oppo.com/omp/1647424128736-_-f16b5685c88441688274198c1bb788d2.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO SUPERVOOC 80W 超级闪充充电器 白色',
						price: 189
					},
					{
						imgurl: 'https://dsfs.oppo.com/omp/1655712411920-_-8e0727350e3b4bc7b95c4644c70d66ad.png?_w_=1120&_h_=1120&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO USB Type-C 普通版数据线',
						price: 29
					},
					{
						imgurl: 'https://dsfs.oppo.com/archives/201904/201904190404255cb9875d4e6d4.png?_w_=1120&_h_=1120&x-oss-process=image%2Fformat%2Cwebp',
						title: 'O-Fresh立体声耳机 深邃黑 3.5mm接口',
						price: 49
					},
					{
						imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230803/4374263976e2a8994045f278ab419704966524635.png?_w_=480&_h_=480&x-oss-process=image%2Fresize%2Cm_mfit%2Climit_1%2Cw_480%2Ch_480%2Fformat%2Cwebp',
						title: '一加45W液冷散热器磁吸无线充版 冰川白 官方标配',
						price: 599
					},
					{
						imgurl: 'https://dsfs.oppo.com/omp/1666949620241-_-b7ad34ed3acd4308a405cf75a2b4dfe0.png?_w_=1080&_h_=1080&x-oss-process=image%2Fformat%2Cwebp',
						title: 'OPPO Type-C 闪充数据线 白色',
						price: 29
					},
					{
						imgurl: 'https://dsfs.oppo.com/omp/1652874012264-_-0ea7579a048e40079abc8c0b359f288d.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
						title: 'SUPERVOOC 80W 超级闪充车载充电器 黑色',
						price: 169
					}
				];
	export default {
		props:['details'],
		data() {
			return {
				showNavId : 0,
				page:1,
				suggest:[
								{
									imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230129/5ace9b5ef00dd3b2f8723576bec74d891463934777.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: '一加 Buds Ace 降噪游戏耳机 独白',
									price: 209
								},
								{
									imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20221223/4374263976e2a8994045f278ab419704-1448223720.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: '一加 Buds Pro 2 旗舰耳机 乔木绿',
									price: 799
								},
								{
									imgurl: 'https://dsfs.oppo.com/omp/1666271491028-_-2c306e089ca944bc9c8a8cb5c89842ce.png?_w_=1440&_h_=1440&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO Enco Air2 Pro 无线降噪耳机 月牙白',
									price: 209
								},
								{
									imgurl: 'https://dsfs.oppo.com/omp/1667549264601-_-730301fd1f2b43068a5f112b8b374662.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO Enco X2 镜夜黑 有线充版',
									price: 629
								},
								{
									imgurl: 'https://dsfs.oppo.com/omp/1660014980814-_-0e8fbdb287464e3cb046e8f1e894a6a6.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO Enco Air2i 真无线耳机 曜石黑',
									price: 149
								},
								{
									imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230925/d79485813d90f15a317063b88e5c94f02113825421.png?_w_=480&_h_=480&x-oss-process=image%2Fresize%2Cm_mfit%2Climit_1%2Cw_480%2Ch_480%2Fformat%2Cwebp',
									title: 'OPPO Enco Air2 新声版 真无线耳机 浅海蓝',
									price: 139
								},
								{
									imgurl: 'https://dsfs.oppo.com/omp/1666060870243-_-7bc925edc8844262803acebcf48f54b3.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO Watch SE  水墨灰',
									price: 139
								},
								{
									imgurl: 'https://dsfs.oppo.com/omp/1660129796666-_-3ad0588060dd42a09f45dd7b11c8277d.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO Watch 3 系列 新品手表',
									price: 1799
								},
								{
									imgurl: 'https://dsfs.oppo.com/omp/1660140066355-_-749b874d75cb4eea9a3e9b2722ade403.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO Watch 3 系列全智能手表',
									price: 1399
								},
								{
									imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230317/5ace9b5ef00dd3b2f8723576bec74d891545612205.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO Pad 2',
									price: 2799
								},
								{
									imgurl: 'https://dsfs.oppo.com/omp/1658805204562-_-2b70fe81cc0f4e0286c52f4caba608ce.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO Pad',
									price: 1799
								},
								{
									imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20231115/dc20fe1c07c80f5264fbb7abee3f0e9c-1028576794.png?_w_=480&_h_=480&x-oss-process=image%2Fresize%2Cm_mfit%2Climit_1%2Cw_480%2Ch_480%2Fformat%2Cwebp',
									title: 'OPPO Pad Air2',
									price: 1199
								},
								{
									imgurl: 'https://dsfs.oppo.com/omp/1658806495726-_-78788009bb674b87adac96b56d8e7eda.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO Pad Air',
									price: 999
								},
								{
									imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230315/9b72a9ed7d20c7a714c43f2fa8d0d714-1177664044.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO Pad 2 智能触控键盘',
									price: 599
								},
								{
									imgurl: 'https://dsfs.oppo.com/archives/202202/2022022403021462173316cc2cf.png?_w_=321&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO Pencil 自研手写笔',
									price: 499
								},
								{
									imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230315/2ba9bc4f1dac017c94b53b710cf871d21254677820.png?_w_=1080&_h_=1080&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO Pad 2 智能皮套',
									price: 199
								},
								{
									imgurl: 'https://dsfs.oppo.com/omp/1661399246891-_-11a933014bfd4247959d458f8ac0d520.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO 智美生活 平板键盘',
									price: 349
								},
								{
									imgurl: 'https://dsfs.oppo.com/omp/1653879717341-_-5820248c1296428c8519bbe8af34de58.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO 智美生活 智能皮套',
									price: 99
								},
								{
									imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230423/5ace9b5ef00dd3b2f8723576bec74d89-1254496587.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO Type-C to Type-C 闪充数据线 12A 1米 DL152 支持 12A 大电流 白色',
									price: 49
								},
								{
									imgurl: 'https://dsfs.oppo.com/archives/202104/20210420100400607e3a1478bcb.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO GaN 氮化镓电源适配器 SuperVOOC 超级闪充 65W （含数据线）',
									price: 149
								},
								{
									imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230618/5ace9b5ef00dd3b2f8723576bec74d891909130294.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: '一加 USB-A to Type-C 闪充数据线 10A 1.5米 480Mbps 高速传输 支持 10A 大电流 红色',
									price: 69
								},
								{
									imgurl: 'https://dsfs.oppo.com/omp/1647424128736-_-f16b5685c88441688274198c1bb788d2.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO SUPERVOOC 80W 超级闪充充电器 白色',
									price: 189
								},
								{
									imgurl: 'https://dsfs.oppo.com/omp/1655712411920-_-8e0727350e3b4bc7b95c4644c70d66ad.png?_w_=1120&_h_=1120&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO USB Type-C 普通版数据线',
									price: 29
								},
								{
									imgurl: 'https://dsfs.oppo.com/archives/201904/201904190404255cb9875d4e6d4.png?_w_=1120&_h_=1120&x-oss-process=image%2Fformat%2Cwebp',
									title: 'O-Fresh立体声耳机 深邃黑 3.5mm接口',
									price: 49
								},
								{
									imgurl: 'https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230803/4374263976e2a8994045f278ab419704966524635.png?_w_=480&_h_=480&x-oss-process=image%2Fresize%2Cm_mfit%2Climit_1%2Cw_480%2Ch_480%2Fformat%2Cwebp',
									title: '一加45W液冷散热器磁吸无线充版 冰川白 官方标配',
									price: 599
								},
								{
									imgurl: 'https://dsfs.oppo.com/omp/1666949620241-_-b7ad34ed3acd4308a405cf75a2b4dfe0.png?_w_=1080&_h_=1080&x-oss-process=image%2Fformat%2Cwebp',
									title: 'OPPO Type-C 闪充数据线 白色',
									price: 29
								},
								{
									imgurl: 'https://dsfs.oppo.com/omp/1652874012264-_-0ea7579a048e40079abc8c0b359f288d.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp',
									title: 'SUPERVOOC 80W 超级闪充车载充电器 黑色',
									price: 169
								}
							],
				details:[
					{
						id:1,
						title:"oppo find N3",
						text:"超轻薄折叠大屏",
						price:9999,
						imgurl:"https://msecfs.opposhop.cn/commons-media-picture/GOODS/20231019/5ace9b5ef00dd3b2f8723576bec74d89-100029441.png?_w_=480&_h_=480&x-oss-process=image%2Fresize%2Cm_mfit%2Climit_1%2Cw_480%2Ch_480%2Fformat%2Cwebp",
					},
					{
						id:2,
						title:"oppo reno10",
						text:"120Hz OLED超清屏",
						price:1899,
						imgurl:"https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230515/129e18c1ad8a057f429386b4e7221d94-447934141.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp"
					},
					{
						id:3,
						title:"OPPO Watch 4 Pro 全智能手表",
						text:"+19.9元抢运动礼盒",
						price:2199,
						imgurl:"https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230822/406fece74aaff40dc665b828437a0627-2127046384.png?_w_=480&_h_=480&x-oss-process=image%2Fresize%2Cm_mfit%2Climit_1%2Cw_480%2Ch_480%2Fformat%2Cwebp"
					},
					{
						id:4,
						title:"OPPO Reno10 Pro+",
						text:"100W超级闪充",
						price:3699,
						imgurl:"https://msecfs.opposhop.cn/commons-media-picture/MEDIA/20230516/30d60d55fefb37dd21adb1422b19d2a22021193044.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp"
					},
					{
						id:5,
						title:"OPPO Pad 2",
						text:"旗舰好屏",
						price:2399,
						imgurl:"https://msecfs.opposhop.cn/commons-media-picture/GOODS/20230515/5ace9b5ef00dd3b2f8723576bec74d89-1551110905.png?_w_=320&_h_=320&x-oss-process=image%2Fformat%2Cwebp"	
					}
				],
				
				
			}
			
		},
		methods:{
			back(){
				uni.navigateBack({
					delta:1
				})
			},
			sc(){
				let sss = getApp().globalData.carshopss;
				sss.push({
						src: '../../static/123.png',
						name:'Redmi k70Pro',
						title: ' 18GB+512GB 墨青色 官方标配',
						price: '3299',
						conunt: 1,
						ischecked: false
					})
				getApp().globalData.carshopss = sss;
			}
			
		},
		onPageScroll:function(e) {
			if(e.scrollTop>=100){
				this.showNavId = 1;
				
			}
			else{
				this.showNavId = 0;
				
			}
			console.log("滚动距离为：" + e.scrollTop);
		}
		

	}
</script>

<style>
	.swiper{
		width: 800rpx;
		height: 750rpx;
		
	}
	.swiper-item image{
		width: 800rpx;
		height: 750rpx;
		
	}
	.swiper-suggest-item{
		display: flex;
	}
	.buy{
		color: #BEBEBE;
		display: flex;
		justify-content: center;
	}
	.buy-box{
		background-color: #7B7B7B;
		border-radius: 100rpx;
		position: fixed;
		bottom: 20rpx;
		z-index: 2;
		width: 700rpx;
		height: 104rpx;
		display: flex;
		justify-content: space-between;
		
	}
	.buy-button{
		display: flex;
		
		padding: 15rpx;
		margin-left: 40rpx;
		
		
	}
	.buy-button-item{
		display: flex;
		justify-content: center;
		flex-direction: column;
		width: 80rpx;
		height: 70rpx;
		
		
	}
	.buy-button-item image{
		width: 40rpx;
		height: 40rpx;
	}
	.buy-button-item-text{
		font-size: 20rpx;
	}
	.buy-button-right{
		width: 500rpx;
		height: 88rpx;
		color: white;
		border-radius: 100rpx;
		margin-top: 10rpx;
		margin-right: 20rpx;
		display: flex;
	}
	.buy-button-right1{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 200rpx;
		background-color: #FD9B2E;
		border-radius: 100rpx 0 0 100rpx;
	}
	.buy-button-right2{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 180rpx;
		background-color: #F54142;
		border-radius: 0 100rpx 100rpx 0;
	}
	.scroolx{
		white-space: nowrap;
	}
	.scroolx-item{
		display: inline-block;
	}
	.big{
		background-color: #F2F4F8;
	}
	.back{
		width: 40rpx;
		height: 40rpx;
		position: absolute;
		left: 0rpx;
	}
	.back image{
		width: 40rpx;
		height: 40rpx;
	}
	.navView{
		display: flex;
		justify-content: center;
		width: 100%;
		height: 90rpx;
		position: fixed;
		background-color: white;
		z-index: 2;
	}
	.navView view{
		padding: 20rpx;
		margin-left: 40rpx;
	}
	.price-detail{
		width: 800rpx;
		height: 80rpx;
		
		background-color: white;
		display: flex;
		justify-content: space-between;
		padding: 20rpx;
		color: white;
		font-size: 40rpx;
	}
	.price{
		padding: 10rpx;
		width: 300rpx;
		height: 80rpx;
		color: red;
		
	}
	.priceTo{
		padding: 10rpx;
		width: 200rpx;
		height: 80rpx;
		color: red;
	}
	.box{
		border-radius: 40rpx;
		margin: 40rpx 10rpx;
		color: red;
		background-color: white;
		display: flex;
		flex-direction: column;
		padding: 10px;
	}
	.box-fen{
		display: flex;
		
	}
	.fen{
		font-weight: 800;
		font-size: 30rpx;
	}
	.fen-content text{
		background-color: white;
		font-size: 28rpx;
	}
	.box view{
		padding: 10rpx;
	}
	.box view text{
		background-color: #F2F4F8;
	}
	.shop-detail{
		background-color: white;
		border-radius: 40rpx;
		padding: 20rpx 20rpx;
		margin: 40rpx 10rpx;
	}
	.shop-name{
		font-size: 40rpx;
		font-weight: 600;
	}
	.shop-content{
		margin-top: 5rpx;
		font-size: 26rpx;
	}
	.shop-size{
		margin-top: 10rpx;
		height: 80rpx;
		overflow: hidden;
	}
	.shop-size-item{
		
		height: 125rpx;
		margin-top: 10rpx;
		display: inline-block;
		margin-left: 10rpx;
		margin-right: 10rpx;
		
	}
	.shop-size-item text{
		font-size: 16rpx;
	}
	.shop-size-item-text{
		display: flex;
		justify-content: center;
	}
	.shop-size-item image{
		width: 58rpx;
		height: 58rpx;
	}
	.offical-box1{
		display: flex;
		color: #9F6F1D;
		font-size: 700;
	}
	.offical-img image{
		width: 32rpx;
		height: 32rpx;
		margin-right: 10rpx;
	}
	.offical-box2 image{
		width: 450rpx;
		height: 125rpx;
	}
	.people-title{
		display: flex;
		justify-content: space-between;
	}
	.advantage{
		display: flex;
		height: 50rpx;
		margin-top: 10rpx;
	}
	.advantage-item{
		margin-left: 40rpx;
		display: inline-block;
		padding-top: 5rpx;
		text-align: center;
		width: 170rpx;
		height: 40rpx;
		background-color: #FDE3E3;
		border-radius: 80rpx;
	}
	.people-title{
		margin: 20rpx;
	}
	.people-view{
		margin-top: 20rpx;
	}
	.suggest-box{
		display: flex;
		flex-wrap: wrap;
		white-space: nowrap;
	}
	.suggest-img image{
		width: 208rpx;
		height: 208rpx;
	}
	.suggest-item{
		height: 400rpx;
		width: 220rpx;
		
		margin: 5rpx;
		display: flex;
		flex-direction: column;
		
	}
	.swiper{
		
		height: 400rpx;
	}

	.suggest-item{
		display: flex;
		justify-content: center;
	}
	.suggest-price{
		display: flex;
		justify-content: center;
	}
	swiper-item text{
		font-size: 20rpx;
		text-align: center;
		align-items: center;
	}
	
	.content{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.content image{
		width: 800rpx;
	}
	.more{
		background-color: #F7F8FA;
		border-radius: 40rpx;
		padding: 20rpx 20rpx;
		margin: 40rpx 10rpx;
	}
	.more-box{
		display: flex;
		flex-direction: column;
		
		
	}
	.more-title{
		padding: 10rpx;
		margin-bottom: 20rpx;
	}
	.more-box-shop{
		width: 740rpx;
		display: flex;
		flex-wrap: wrap;
	}
</style>
